<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>快递公司网站展示</title>
	<link rel="stylesheet" type="text/css" href="css3/bootstrap.min.css">

	<style type="text/css">

		.a1{width:30%;margin: 0 auto;padding-top:30px; }
		@media (max-width: 768px) {
			.a1{width:100%}
		 }
		@media (min-width: 768px) and (max-width: 992px) {
			.a1{width:60%}
		}
	</style>
</head>
<body>
	<div class="a1">
		<table class="table table-bordered">
			<tr><td colspan="4" class="text-center">第一组</td></tr>
			<tr>
				<td>项目经理</td>
				<td>张三</td>
				<td><a href="http://chenglingr0.gitee.io/fast/01/index.html">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>UI设计工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>前端开发工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>测试工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr><td colspan="4" class="text-center">第二组</td></tr>
			<tr>
				<td>项目经理</td>
				<td>张三</td>
				<td><a href="http://chenglingr0.gitee.io/fast/02/index.html">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>UI设计工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>前端开发工程师</td>
				<td>王五</td>
				<td><a href="http://chenglingr0.gitee.io/news/index1.html">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>测试工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr><td colspan="4" class="text-center">第三组</td></tr>
			<tr>
				<td>项目经理</td>
				<td>张三</td>
				<td><a href="http://chenglingr0.gitee.io/fast/03/index.html">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>UI设计工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>前端开发工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>测试工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr><td colspan="4" class="text-center">第四组</td></tr>
			<tr>
				<td>项目经理</td>
				<td>张三</td>
				<td><a href="http://chenglingr0.gitee.io/fast/04/index.html">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>UI设计工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>前端开发工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
			<tr>
				<td>测试工程师</td>
				<td>张三</td>
				<td><a href="">页面效果</a></td>
				<td><a target="_blank" href="">查看代码</a></td>
			</tr>
		</table>	
	</div>
	
</body>
</html>